<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:aui="http://liferay.com/faces/aui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:bridge="http://liferay.com/faces/bridge"
	xmlns:p="http://primefaces.org/ui"
	xmlns:example-cc="http://java.sun.com/jsf/composite/example-cc"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<f:event listener="#{appointmentDetailController.loadData}" type="javax.faces.event.PreRenderComponentEvent" />
	<h:panelGroup id="commonInformation" styleClass="formPanel">
		<p:outputLabel value="Informationen zum Auftrag" styleClass="formTitle" />
		<h:panelGrid columns="4" styleClass="commonInformation"
			columnClasses="label-first, value-first, label-second, value-second">
			<p:outputLabel value="Raport-Nr.:" for="reportNr" />
			<h:outputText id="reportNr" value="#{appointmentDetailController.appointmentWrapper.appointment.reportNumber}"
				disabled="true" styleClass="appointmentFormInput" />

			<p:outputLabel value="Zuständig:" for="responsibility" />
			<h:outputText id="responsibility" value="#{appointmentDetailController.appointmentWrapper.user.fullName}" />

			<p:outputLabel value="Projekt-Nr.:" for="projectNr" />
			<h:outputText id="projectNr"
						value="#{appointmentDetailController.appointmentWrapper.appointment.projectNumber}"
						styleClass="appointmentFormInput" />

			<p:outputLabel value="Termin:" for="appointmentDate" />
			<h:outputText id="appointmentDate" 
				value="#{appointmentDetailController.appointmentWrapper.appointment.appointmentDate}" />

			<p:outputLabel value="Erfassungsdatum:" for="createdDate" />
			<h:outputText id="createdDate"
				value="#{appointmentDetailController.appointmentWrapper.appointment.registrationDate}"
				styleClass="appointmentFormInput" />

			<p:outputLabel value="Tel. für Rückfragen:" for="phoneForCallback" />
			<h:outputText id="phoneForCallback"
				value="#{appointmentDetailController.appointmentWrapper.appointment.phoneCustomer}"
				styleClass="appointmentFormInput" />

			<p:outputLabel value="Auftraggeber:" for="employer" />
			<h:outputText id="employer"
				value="#{appointmentDetailController.appointmentWrapper.appointment.employer}"
				styleClass="appointmentFormInput" />

			<p:outputLabel value="Betreff:" for="subject" />
			<h:outputText id="subject"
				value="#{appointmentDetailController.appointmentWrapper.appointment.subject}"
				styleClass="appointmentFormInput" />
		</h:panelGrid>
	</h:panelGroup>
</f:view>